<template>
    <main class="home-container">
      <homepage-nav></homepage-nav>
      <section class="banner-line" >
        <!--左侧分类导航-->
        <homepage-left-category class="left-category">
        </homepage-left-category>
        <!--中间banner-->
        <homepage-banner></homepage-banner>
        <section class="login-column">
          <homepage-login></homepage-login>
          <homepage-news></homepage-news>
        </section>
      </section>
      <!--买茶籽指数-->
      <homepage-statistics></homepage-statistics>
      <homepage-mall></homepage-mall>
      <homepage-supplier></homepage-supplier>
      <homepage-platform></homepage-platform>
    </main>
</template>

<script>
import HomepageNav from './homepage/HomepageNav';
import HomepageLeftCategory from './homepage/HomepageLeftCategory';
import HomepageBanner from './homepage/HomepageBanner';
import HomepageLogin from './homepage/HomepageLogin';
import HomepageNews from './homepage/HomepageNews';
import HomepageStatistics from './homepage/HomepageStatistics';
import HomepageMall from './homepage/HomepageMall';
import HomepageSupplier from './homepage/HomepageSupplier';
import HomepagePlatform from './homepage/HomepagePlatform';

export default {
    components: {
        HomepageLeftCategory,
        HomepageNav,
        HomepageBanner,
        HomepageLogin,
        HomepageNews,
        HomepageStatistics,
        HomepageMall,
        HomepageSupplier,
        HomepagePlatform
    },
    data() {
        return {};
    },
    methods: {}
};
</script>
<style lang="scss">
  @import "../../assets/front/front";

  .home-container {
    width: $page-width;
    background-color:#f7f7f7;
  }
  .banner-line {
    display: flex;
    justify-content: space-between;
  }
  .login-column {
    border: solid 1px #e6e6e6;
  }
</style>
